.root1{
  margin-bottom: 60px;
}
.log{
  width: 100%;
  text-align: center;
}
.log2{
  width: 270px;
  height: 127px;
}

.input{
  display: flex;
  justify-content: center;
}

.input2{
  /* position:absolute; */
  width: 554px;
  height: 36px;
  border-bottom-left-radius:13px ;
  border-top-left-radius:13px ;
  border: 2px solid #ccc;
  /* z-index: -1; */
  outline-color:#59ACFF
}
.button{
  text-align: center;
  width: 100px;
  height: 42px;
  background-color: #4e6ef2;
  border-bottom-right-radius: 13px;
  border-top-right-radius: 13px;
  line-height: 41px;
  color: #fff;
}
.resou{
  display: flex;
  justify-content: space-around;
  margin-left: 165px;
  margin-right: 165px;
  margin-top: 30px;
}

.ul{
  width: 680px;
  margin-left: 400px;
  display: flex;
  flex-wrap: nowrap;
}
ul{
  list-style:none;
}
.lijfhfh{
  width: 300px;
  padding-bottom: 15px;
  float: left;
}



/* todolist */
.top{
  margin-left: 400px;
  width: 724px;
  height: 150px;
  background-color: #dff0d8;
}
.h1{
  padding: 0;
  margin: 0;
  color: #3c763d;
  padding-top: 13px;
  /* padding-bottom: 10px; */
  padding-left: 20px;
}
.jilu{
  color: #3c763d;
  margin-top: 5px;
  margin-left: 20px;
}
.inp{
  display: flex;
  margin-left: 20px;
  margin-top: 10px;
}
.nei{
  text-align: center;
  line-height: 30px;
  width: 50px;
  height: 30px;
  background-color: #eeeeee;
  border-bottom-left-radius:5px ;
  border-top-left-radius:5px ;
  border: 2px solid #d0d4ce;
}
.input3{
  width: 560px;
  border: 2px solid #d0d4ce;
}
.nei2{
  text-align: center;
  line-height: 30px;
  width: 50px;
  height: 30px;
  background-color: #eeeeee;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: 2px solid #d0d4ce;
}

.body{
  margin-top: 30px;
}
.z1{
  display: flex;
  margin-left: 440px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.q2{
  padding-left: 15px;
  padding-right: 488px;
}
.div{
  /* margin-left: 400px;
  margin-right: 400px; */
  width: 100px;
  border-bottom: 1px dashed #d0d4ce;
}

.z2{
  display: flex;
  margin-left: 430px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 900;
}
.q5{
  padding-left: 15px;
  padding-right: 545px;
  cursor:pointer;
}

.li{
  /* margin-left: 380px;
  width: 700px; */
  display: flex;
  padding-left: 400px;
  /* margin-bottom: 10px; */
  margin-top: 10px;
  margin-right: 400px;
}
.div2{
  /* width: 800px; */
  margin-left: 360px;
  margin-right: 400px;
  border-bottom: 1px dashed #d0d4ce;
}
.span{
  margin-left: 20px;
}
.span2{
  padding-left: 480px;
}

h1{
  margin-left: 630px;
}
